import React, { FC } from 'react'
import Navigation from './Navigation'
import { PageHeader } from 'antd';

interface Props{
    children:React.ReactNode,
    title : string,
    subTitle : string,
}
const childrenStyle = {
    width:'85%',
    margin:'0 auto'
}
const Layout: FC<Props> = ({children, title, subTitle}) => {
    return (
        <div>
            <Navigation />
            <PageHeader title={title} subTitle={subTitle} className="jumbotron"/>
            <div style={childrenStyle}>
                {children}
            </div>
        </div>
    )
}

export default Layout
